/*UnChanged Dock Door CSS*/
body {
	font-family:arial;	
}


.eff {
	
	/* the image size is 126x126, it's adjusted to fit the border as well*/
	width:128px;
	height:128px;

	/* important, allow the children object to move inside its parent obj */
	position:relative;	

	/* important, it hides the moved image */
	overflow:hidden;
	
	/* with the clear class, make it into 3 x 3 layout */
	float:left;
	
	/* IE float bug fix */
	display:inline;
	
	/* styling */
	margin:30px;
	font-size:12px;
}
.eff a
{
	margin-left:35px;
	color:#a6c4f6;
	font-weight:bold;
	padding-left:5px;
}
.eff img {
	display:block;
	width:120px;
	height:120px;
	
	/* round corner*/
	-moz-background-clip:border;
	-moz-background-origin:content;
	-moz-background-size: auto auto auto auto;
	-moz-border-radius: 0px 0px 0px px; 
	/* styling */
	text-decoration:none;
	border:4px solid #ccc;
	background-color:-moz-field;

	/* important, it allows this obj to move by jquery */
	position:absolute;
	
	/* make sure it appears above the caption */
	z-index:500;
	
	cursor:pointer; cursor:hand;
}


.eff .caption {
	/* should be the same size with the image */
	width:120px;
	height:120px;
	
	/* styling */
	background:#333;
	border:4px solid #ccc;
	
	color:#eee;
	
	/* set the position to 0, 0 and appear under the image */
	position:absolute;
	top:0; left:0;
	z-index:0;
}


/* extra styling*/

.eff .caption a.header {
	margin:5px 5px 5px 5px;
	display:block;
	font-size:14px;	
	font-weight:700;
	color:#4ed7f4;
}

.eff .caption p {
	margin:5px;	
}

.clear {clear:both}


/* Chnaged DockDoor Css*/
/*.eff {*/
	
	/* the image size is 126x126, it's adjusted to fit the border as well
	width:120px;
	height:100px;

	/* important, allow the children object to move inside its parent obj 
	position:relative;	

	/* important, it hides the moved image 
	overflow:hidden;
	
	/* with the clear class, make it into 3 x 3 layout 
	float:left;
	
	/* IE float bug fix 
	display:inline;
	
	/* styling 
	margin:30px;
	font-size:12px;
}

.eff img {
	display:block;
	width:120px;
	height:100px;
	
	/* round corner
	-moz-background-clip:border;
	-moz-background-origin:content;
	-moz-background-size: auto auto;
	-moz-border-radius:10px 10px 10px 10px; 
	/* styling 
	text-decoration:none;
	
	background-color:-moz-field;

	/* important, it allows this obj to move by jquery 
	position:absolute;
	
	/* make sure it appears above the caption 
	z-index:500;
	
	cursor:pointer; cursor:hand;
	top: 0px;
	left: 0px;
}


.eff .caption {
	/* should be the same size with the image 
	width:120px;
	height:100px;
	
	/* styling 
	background:#333;
	
	color:#eee;
	
	/* set the position to 0, 0 and appear under the image 
	position:absolute;
	top:0; left:0;
	z-index:0;
}


/* extra styling

.eff .caption a.headerC 
{


	margin:10px 5px 5px 5px;
	display:block;
	font-size:14px;	
	font-weight:700;
	color:#4ed7f4;
}

.eff .caption p {
	margin:5px;	
}

.clear {clear:both}
*/

/*CSS for Crousual*/

.newsticker-div  
{
	position:relative;
	width:90%; 
	background:#ebebeb; 
	padding:0 0 0; 
	font-family:Verdana,Arial,Sans-Serif;
	font-size:12px;
	border:solid 5px #FFFFFF;
}


.newsticker-div a { text-decoration:none;}
.newsticker-div img {width:100px; height:80px; border: 2px solid #FFFFFF; margin-left:5px; }

.newsticker-div .title 
{
	color:#587bc9;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:5px 0px 5px;
}

.newsticker-jcarousellite { width:100%; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:50px; }
.newsticker-jcarousellite .info { margin-left:130px; height:70px;}